<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <!-- 顶部固定导航 -->
    <div class="fixed_nav">
        <div class="left">
            <img src="./images/menu.png" alt="">
            导航
        </div>
        <div class="right"><a href="#">个人中心</a></div>
    </div>
    <!-- 顶部导航区域 -->
    <div class="head_nav ">
        <div class="w clearfix">
            <div class="public_box left">手机微金所</div>
            <div class="public_box left">4006-89-4006(服务时间:9:00-21:00)</div>
            <div class="public_box left">常见问题 财富登录</div>
            <div class="public_box left">
                <span><a href="#">免费注册</a></span>
                <div class="login left"><a href="#">登录</a></div>
            </div>
        </div>
    </div>

    <!-- 主体导航区域 -->
    <div class="main_nav ">
        <div class="w clearfix">
            <img src="./images/logo.png" alt="">
            <ul>
                <li><a href="#">我要投资</a></li>
                <li><a href="#">我要借款</a></li>
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">最近动态</a></li>
                <li><a href="#">微论坛</a></li>
                <li><a href="#">个人中心</a></li>
            </ul>
        </div>

    </div>

    <!-- 广告区 -->
    <div class="banner">
        <a href="#">
            <img src="./images/banner_5.gif" alt="">
        </a>
    </div>

    <!-- 列表区域 -->
    <div class="list_box">
        <div class="w">
            <dl>
                <dt>投资门槛低，收益高</dt>
                <dd>100元起投</dd>
                <dd>最高年化收益率可达15%</dd>
            </dl>
            <dl>
                <dt>投资期限,方式灵活</dt>
                <dd>1~36个月多种期限随心选择</dd>
                <dd>按月付息、等额本息、利随本清等多种还款方式</dd>
            </dl>
            <dl>
                <dt>安全保障,风险可控</dt>
                <dd>八层安全保障机制</dd>
                <dd>风险拨备金</dd>
                <dd>银联支付对接</dd>
            </dl>
        </div>
    </div>

    <!-- 内容文字区域 -->
    <div class="text_content">
        <div class="w">
            <p>新标预告:金房宝-房抵项目四十八期，90万，3个月，10.2%+1%，月付息到期还本，四星距上线:3分</p>
            <p>现在有395人在排队，累计预约交易成功6918次。
                <span>什么是预约?</span>
                <a href="#">立即预约</a>
            </p>
        </div>
    </div>

    <!-- 底部结尾区域 -->
    <div class="footer">
        <div class="w">
            <div class="top_foot">
                <ul class="clearfix">
                    <li>特别推荐</li>
                    <li>微融资</li>
                    <li>微小宝</li>
                    <li>微消费</li>
                    <li>微增利</li>
                    <li>微金宝</li>
                    <li>微转让</li>
                </ul>
            </div>

            <div class="middle_foot">
                是由信贷机构保障的企业借款需求
            </div>

            <!-- 卡片 -->
            <div class="bot_foot">
                <div class="item clearfix">
                    <div class="left left_item">
                        <p class="title">微收益-本事宝八期</p>
                        <p  class="clearfix">
                            <span>筹集金额(元)</span>
                            <span>信用等级</span>
                        </p>
                        <p class="clearfix">
                            <span>70万</span>
                            <span>9个月</span>
                        </p>
                        <p class="clearfix">
                            <span>借款期限</span>
                            <span>投资进度0%</span>
                        </p>
                        <p>9个月</p>
                    </div>
                    <div class="right_item right">
                        <p>10.5%</p>
                        <p>年利率</p>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left left_item">
                        <p class="title">微收益-本事宝八期</p>
                        <p  class="clearfix">
                            <span>筹集金额(元)</span>
                            <span>信用等级</span>
                        </p>
                        <p class="clearfix">
                            <span>70万</span>
                            <span>9个月</span>
                        </p>
                        <p class="clearfix">
                            <span>借款期限</span>
                            <span>投资进度0%</span>
                        </p>
                        <p>9个月</p>
                    </div>
                    <div class="right_item right">
                        <p>10.5%</p>
                        <p>年利率</p>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left left_item">
                        <p class="title">微收益-本事宝八期</p>
                        <p  class="clearfix">
                            <span>筹集金额(元)</span>
                            <span>信用等级</span>
                        </p>
                        <p class="clearfix">
                            <span>70万</span>
                            <span>9个月</span>
                        </p>
                        <p class="clearfix">
                            <span>借款期限</span>
                            <span>投资进度0%</span>
                        </p>
                        <p>9个月</p>
                    </div>
                    <div class="right_item right">
                        <p>10.5%</p>
                        <p>年利率</p>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left left_item">
                        <p class="title">微收益-本事宝八期</p>
                        <p  class="clearfix">
                            <span>筹集金额(元)</span>
                            <span>信用等级</span>
                        </p>
                        <p class="clearfix">
                            <span>70万</span>
                            <span>9个月</span>
                        </p>
                        <p class="clearfix">
                            <span>借款期限</span>
                            <span>投资进度0%</span>
                        </p>
                        <p>9个月</p>
                    </div>
                    <div class="right_item right">
                        <p>10.5%</p>
                        <p>年利率</p>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="left left_item">
                        <p class="title">微收益-本事宝八期</p>
                        <p  class="clearfix">
                            <span>筹集金额(元)</span>
                            <span>信用等级</span>
                        </p>
                        <p class="clearfix">
                            <span>70万</span>
                            <span>9个月</span>
                        </p>
                        <p class="clearfix">
                            <span>借款期限</span>
                            <span>投资进度0%</span>
                        </p>
                        <p>9个月</p>
                    </div>
                    <div class="right_item right">
                        <p>10.5%</p>
                        <p>年利率</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>